<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<style type="text/css">
			/*如果选择器相同, 优先看选择器的个数*/
			div>h1>ul>li>p>span{
				color: red;
			}
			.a .b .c .d .e #f{
				color: green;
			}
			#f{
				color: pink;
			}
			
		</style>
	</head>
	<body>
		<div class="a" id="a">
			<h1 class="b" id="b">
				<ul class="c" id="c">
					<li class="d" id="d">
						<p class="e" id="e">
							<span class="f" id="f">fxb</span>
						</p>
					</li>
				</ul>
			</h1>
		</div>
		
		
	</body>
</html>